<template>
  <div class="">
    <div class="miaowu">
      <img src="../assets/喵呜~.png" alt="" />
      <div>
        <img src="../assets/喵呜铃铛.png" alt="" style="padding-right: 20px;"/>
        <img src="../assets/喵.png" alt="" />
      </div>
    </div>
  </div>
</template>

<script setup>
import { ref, reactive, toRefs } from "vue";
</script>
<style lang="scss" scoped>
.miaowu {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-image: url(../assets/喵屋bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  img {
    width: 200px;
    height: 80px;
  }
  div {
    img {
      width: 40px;
      padding-right: 20px;
      height: 50px;
    }
  }
}
</style>